<template>
	<view class="content">
		<view class="list">
			<view class="item" @click="toCaipu">
				<image src="../../static/img/lifetool/caipu.png"></image>
				<view>菜谱</view>
			</view>
			<view class="item" @click="toDriving">
				<image src="../../static/img/lifetool/drivingexam/drivingexam.png"></image>
				<view>驾考题库</view>
			</view>
			<view class="item" @click="toJoke">
				<image src="../../static/img/lifetool/joke/joke.png"></image>
				<view>笑话大全</view>
			</view>
			
			<view class="item" @click="toHL">
				<image src="../../static/img/lifetool/huangli/hlys.png"></image>
				<view>黄历运势</view>
			</view>
			<!-- <view class="item" @click="toGameSet">
				<image src="../../static/img/lifetool/game/youxiji.png"></image>
				<view>游戏库</view>
			</view> -->
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},methods:{
			toJoke(){
				uni.navigateTo({
					url:'joke/index'
				})
			},
			toCaipu(){
				uni.navigateTo({
					url:'caipu-new/index'
				})
			},
			toDriving(){
				uni.navigateTo({
					url:'drivingexam/index'
				})
			},
			toGameSet(){
				uni.navigateTo({
					url:'game-set/index'
				})
			},
			toHL(){
				uni.navigateTo({
					url:'huangli/index'
				})
			}
		}
	}
</script>

<style>
	.list{
		background-color: #fff;
		margin: 20rpx;
		border-radius: 15rpx;
		padding: 20rpx;
		font-size: 30rpx;
		display: flex;
	}
	.item{
		width: 200rpx;
		text-align: center;
	}
	.item image{
		width: 120rpx;
		height: 120rpx;
	}
</style>
